例:HTML5 API

サンプルプロジェクトには、設定済みのさまざまな HTML5 コントロールが含まれています。HTML5 コントロールの機能は、オンラインモードでは簡単にわかります

コントロールはデモンストレーションのみを目的としています。そのため、シンプルな外観になっています。

HTML5 デモボタン

このコントロールは、HTML5コントロールを介してマウスアクションを評価し、入力構成を介してIECに転送する方法を示しています。設定した入力イベントを実行できます。 OnMouseDown、 OnMouseUp、および OnMouseMove。

HTML5 デモコンボボックス

このコントロールは、コンボボックスで IEC 列挙を使用する方法を示します。この例は、タイプ情報 () をクエリする方法を示していますgetTypeDesc) を変数から。また、色やフォントを転送して使用する方法も示しています。

HTML5 デモイメージ

このコントロールは、HTML5 コントロールで画像を使用する方法を示します。

HTML5 デモテーブル

このコントロールは、HTML5 コントロールで IEC 配列を表示および変更する方法を示します。データは最適化された方法で送信されます。特定のエリアのみが送信されます。この解法は、行数が多い大規模な配列でも可能です。テーブル内のセルの値を変更して、その結果配列変数の値を変更することができます。

HTML5 デモテーブルスクロール範囲なし

このコントロールは、HTML5 コントロールで IEC 配列を表示および変更する方法を示します。配列内の値が変更されると、配列全体が転送されます。セルの値を変更して、その結果配列変数の値を変更することができます。

HTML5 デモテキストフィールド

このコントロールは、さまざまなタイプの IEC スカラー値を両方向 (読み取り/書き込み) で処理する方法を示しています。

HTML5 デモドーナツゲージ

このコントロールは、d3 ライブラリで HTML5 要素を使用する方法を示します。変更可能なフレーム領域のサイズは、幅と高さを介して直接転送されます。ディスプレイとドラッグ用のボタンで構成されています

HTML5 デモバーゲージ

このコントロールは、d3 ライブラリで HTML5 要素を使用する方法を示します。変更可能なフレーム領域のサイズは、幅と高さを介して直接転送されます。編集可能なバーエレメントが表示されます